<div class="main_box page">
    <div class="page-inner">
        <div class="clearfix menu">
        <div class="menu-option">
            <div class="menu-item <%if $form.product_type == 1 || !$form.product_type%>active<%/if%>"><a href="<%$app.base_url%>in/"><button>Kính Thời Trang</button></a></div>
            <div class="menu-item <%if $form.product_type == 2%>active<%/if%>"><a href="<%$app.base_url%>in/?product_type=2"><button>Gọng Kính</button></a></div>
            <div class="menu-item <%if $form.product_type == 3%>active<%/if%>"><a href="<%$app.base_url%>in/?product_type=3"><button>Mắt Kính</button></a></div>
            <div class="menu-item <%if $form.product_type == 4%>active<%/if%>"><a href="<%$app.base_url%>in/?product_type=4"><button>Khác</button></a></div>
        </div>
        <div class="bor-head float_r"></div>
        </div>
        <div class="content-box">
            <div class="content-l">
                <%form class="ui" action="`$app.base_url`in/" ethna_action="in_index" method="post"%>
                    <div class="input-inner">
                        <table>
                            <%*tr>
                                <th><label class="uiDataImport" for="product_id" >Mã :</label></th>
                                <td><label class="" data-v-message=""><%form_input name="product_type"%></label></td>
                            </tr*%>
                            <tr>
                                <th><label class="uiDataImport" for="product_name">Tên :</label></th>
                                <td><label class="" data-v-message=""><input type="search" class="lager-field ui-validate" data-v-name="Tên" data-valid-rule="required" id="product_name" name="product_name" /></label></td>
                            </tr>
                            <tr>
                                <th><label class="uiDataImport" for="product_count">Số Lượng :</label></th>
                                <td><label class="" data-v-message=""><input type="text" class="small-field ui-validate" id="product_count" data-valid-rule="required numberic" data-v-name="Số Lượng" name="product_count" /></label></td>
                            </tr>
                            <tr>
                                <th><label class="uiDataImport" for="product_price">Giá Bán :</label></th>
                                <td><label class="" data-v-message=""><input type="text" class="medium-field ui-validate" data-v-name="Giá Bán" data-valid-rule="required numberic" id="product_price" name="product_price" /></label></td>
                            </tr>
                            <tr>
                                <th><label class="uiDataImport" for="product_image">Hình Ảnh :</label></th>
                                <td><input type="file" id="product_image" name="product_image" /></td>
                            </tr>
                        </table>
                    </div>
                <%/form%>
            </div>
        </div>
        <div id="container-show">
            <div class="flex">
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
            </div>
            <div class="flex">
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
            </div>
            <div class="flex">
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
            </div>
            <div class="flex">
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
            </div>
            <div class="flex">
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show">
                    <img src="/img/sys/images.jpeg" />
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
            </div>
            <div class="flex">
                <div class="content-show" style="margin-top: 20px;">
                    <span class="i-name">Raybon 3025 Glass
                        <em class="i-counter">5</em>
                        <em class="i-price">500000</em>
                        <em class="i-date">2014/08/15 15:50</em>
                    </span>
                    <button class="h_button i-undisp" title="xóa"></button>
                    <button class="h_button i-edit" title="chỉnh sửa"></button>
                </div>
                <div class="content-show" style="margin-top: 20px;"></div>
                <div class="content-show" style="margin-top: 20px;"></div>
                <div class="content-show" style="margin-top: 20px;"></div>
            </div>
        </div>
    </div>
</div>